﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<fmt:setBundle basename="ApplicationMessage" />

<div class="row form-horizontal ihg-form">
  <div class="col-xs-12">
    <ul class="nav nav-tabs ihg-nav-tabs" role="tablist" style="margin-top: 20px;">
      <li role="preparation" class="active"><a href="#sub-session-a" aria-controls="sub-session-a" role="tab" data-toggle="tab">Sub Session A</a></li>
      <li role="preparation"><a href="#sub-session-b" aria-controls="sub-session-b" role="tab" data-toggle="tab">Sub Session B</a></li>
    </ul>

    <div class="tab-content sub-session-nav" style="top: 20px; right: 0;">
      <div class="tab-pane active" id="sub-session-a">
        <ul class="nav nav-pills ihg-nav-pills" role="tablist" style="margin-bottom: 0px;">
          <li role="preparation" class="active"><a href="#group-a" aria-controls="home" role="tab" data-toggle="tab">GROUP A</a></li>
          <li role="preparation"><a href="#group-b" aria-controls="profile" role="tab" data-toggle="tab">GROUP B</a></li>
          <li role="preparation"><a href="#group-c" aria-controls="messages" role="tab" data-toggle="tab">GROUP C</a></li>
        </ul>
      </div>
      <div class="tab-pane" id="sub-session-b">
        <ul class="nav nav-pills ihg-nav-pills" role="tablist" style="margin-bottom: 0px;">
          <li role="preparation" class="active"><a href="#group-a" aria-controls="home" role="tab" data-toggle="tab">GROUP D</a></li>
          <li role="preparation"><a href="#group-b" aria-controls="profile" role="tab" data-toggle="tab">GROUP E</a></li>
          <li role="preparation"><a href="#group-c" aria-controls="messages" role="tab" data-toggle="tab">GROUP F</a></li>
          <li role="preparation"><a href="#group-d" aria-controls="settings" role="tab" data-toggle="tab">GROUP G</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="ihg-content-layout" style="margin-top: 80px;">
    <div class="row form-horizontal ihg-form" style="margin-left:10px;">
      <div class="col-xs-10">
        <table class="table table-bordered table-condensed text-center ihg-table" style="font-size: 12px;">
          <thead style="border: 0;">
            <tr>
              <th class="color-black" style="width:16%;">Delegate 1</th>
              <th class="color-black" style="width:16%;">Delegate 2</th>
              <th class="color-black" style="width:16%;">Delegate 3</th>
              <th class="color-black" style="width:16%;">Delegate 4</th>
              <th class="color-black" style="width:16%;">Assessor A</th>
              <th class="color-black">Assessor B</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td colspan="4" rowspan="25" class="color-white">Afternoon Start Time 13:30</td>
              <td colspan="2" class="color-white">Moring Start Time 8:20</td>
            </tr>
            <tr>
              <td colspan="2" rowspan="3" class="color-white">Optional: recap calibration e-learning[8:30-9:00]</td>
            </tr>
            <tr></tr><tr></tr>
            <tr>
              <td colspan="2" rowspan="3" class="color-green">Opening of Day 2 & Prepare[9:00-9:30] - 30min</td>
            </tr>
            <tr></tr><tr></tr>
            <tr>
              <td colspan="2" rowspan="12" class="color-green">2 assessors calibration for 4 delegates[9:35-11:35]-120min</td>
            </tr>
            <tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr>
            <tr>
              <td colspan="2" rowspan="6" class="color-green">Session calibration[11:40-12:40]-60min</td>
            </tr>
            <tr></tr><tr></tr><tr></tr><tr></tr><tr></tr>
            <tr>
              <td colspan="4" rowspan="3" class="color-green">E-learning: Psychometric report interpretation[13:40-14:10]-30min </td>
              <td class="color-pink">Report finalizing for Dele 1[13:45-14:30]-45min</td>
              <td class="color-pink">Report finalizing for Dele 2[13:45-14:30]-45min</td>
            </tr>
            <tr></tr><tr></tr>
            <tr>
              <td colspan="4" rowspan="3" class="color-green">Webex Discussion[14:15-15:15]-60min</td>
              <td class="color-brick-red">Report finalizing for Dele 3[14:30-15:15]-45min</td>
              <td class="color-brick-red">Report finalizing for Dele 4[14:30-15:15]-45min</td>
            </tr>
            <tr></tr><tr></tr>
            <tr>
              <td colspan="4" rowspan="4" class="color-pink">PDP writing[15:20-16:20]-60min</td>
              <td rowspan="2" class="color-gray">Review pair assessor's report of Dele 2 & 4[15:15-15:45]-30min</td>
              <td rowspan="2" class="color-gray">Review pair assessor's report of Dele 1 & 3[15:15-15:45]-30min</td>
            </tr>
            <tr></tr><tr></tr>
            <tr>
              <td colspan="2" rowspan="2" class="color-gray">Coaching skills recap[15:50-16:20]-30min</td>
            </tr>
            <tr></tr><tr></tr>
            <tr>
              <td rowspan="3" class="color-brick-red">Video feedback with Ass A[16:25-17:10]-45min</td>
              <td rowspan="3" class="color-brick-red">Video feedback with Ass B[16:25-17:10]-45min</td>
              <td colspan="2" rowspan="3" class="color-brick-red">Self-reflection[16:25-17:10]-45min</td>
              <td rowspan="3" class="color-gray">Video feedback for Dele 1[16:25-17:10]-45min</td>
              <td rowspan="3" class="color-gray">Video feedback for Dele 2[16:25-17:10]-45min</td>
            </tr>
            <tr></tr><tr></tr>
            <tr>
              <td colspan="2" rowspan="3" class="color-gray">Self-reflection[17:15-18:00]-45min</td>
              <td rowspan="3" class="color-gray">Video feedback with Ass A[17:15-18:00]-45min</td>
              <td rowspan="3" class="color-gray">Video feedback with Ass B[17:15-18:00]-45min</td>
              <td rowspan="3" class="color-gray">Video feedback for Dele 3[17:15-18:00]-45min</td>
              <td rowspan="3" class="color-gray">Video feedback for Dele 4[17:15-18:00]-45min</td>
            </tr>
            <tr></tr><tr></tr>
            <tr>
              <td colspan="6" class="color-white">18:00 Finish of Day 2</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="col-xs-2">
        <div class="remark-wrap">
          <div class="color-remark">
            <div>
              <span class="color-gray"></span> Not Started
            </div>
            <div>
              <span class="color-brick-red"></span> Ongoing
            </div>
            <div>
              <span class="color-pink"></span> Processing
            </div>
            <div>
              <span class="color-green"></span> Finished
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>